<template>
  <div class="result-item">
    <ep-advance-card title="卡片标题" theme="theme-1" @click="checkHandle">
      <ep-form name-position="left">
        <ep-row :gutter="10">
          <ep-col :col="6">
            <ep-form-item label="字段1：">
              <span>123</span>
            </ep-form-item>
          </ep-col>
          <ep-col :col="6">
            <ep-form-item label="字段2：">
              <span>123</span>
            </ep-form-item>
          </ep-col>
          <ep-col :col="6">
            <ep-form-item label="字段3：">
              <span>123</span>
            </ep-form-item>
          </ep-col>
        </ep-row>
        <ep-row :gutter="10">
          <ep-col :col="6">
            <ep-form-item label="业务标签：">
              <ep-tag type="success" size="small">标签四</ep-tag>
            </ep-form-item>
          </ep-col>
          <ep-col :col="6">
            <ep-form-item label="当前状态：">
              <span>1</span>
            </ep-form-item>
          </ep-col>
          <ep-col :col="6">
            <ep-form-item label="优先等级：">
              <span>高</span>
            </ep-form-item>
          </ep-col>
          <ep-col :col="6">
            <ep-form-item label="申请时间：">
              <span>2022-4-2</span>
            </ep-form-item>
          </ep-col>
        </ep-row>
        <ep-steps :active="1" align-center>
          <ep-step title="未申请"></ep-step>
          <ep-step title="申请中"></ep-step>
          <ep-step title="核准中"></ep-step>
          <ep-step title="预约中"></ep-step>
          <ep-step title="完成预约"></ep-step>
        </ep-steps>
      </ep-form>
    </ep-advance-card>
  </div>
</template>

<script>
export default {
  methods: {
    checkHandle() {
      this.$emit('checkHandle')
    }
  }
}
</script>

<style lang="less" scoped>
.result-item {
  cursor: pointer;
}
</style>
